<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cutting-Edge Technology Showcase</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="card">
            <div class="card-face card-front">
                <img src="https://img.freepik.com/premium-photo/robot-with-chart-background_843415-645.jpg?w=2000" alt="AI Neural Network Visualization">
                <div class="shine"></div>
            </div>
            <div class="card-face card-back">
                <h3>Artificial Intelligence</h3>
                <p>Explore the fascinating world of AI and machine learning. Discover how neural networks are revolutionizing industries and shaping our future.</p>
                <button class="btn">Dive into AI</button>
            </div>
        </div>
        <div class="card">
            <div class="card-face card-front">
                <img src="https://th.bing.com/th/id/OIP.jthPJtdaLTX097w3Z6NoRAHaE7?w=626&h=417&rs=1&pid=ImgDetMain" alt="Quantum Computer">
                <div class="shine"></div>
            </div>
            <div class="card-face card-back">
                <h3>Quantum Computing</h3>
                <p>Unravel the mysteries of quantum computing. Learn how these powerful machines are solving complex problems at unprecedented speeds.</p>
                <button class="btn">Quantum Leap</button>
            </div>
        </div>
        <div class="card">
            <div class="card-face card-front">
                <img src="https://thumbs.dreamstime.com/z/blockchain-visualization-technology-decentralized-distributed-ledger-stores-transactions-blocks-across-network-270162645.jpg" alt="Blockchain Visualization">
                <div class="shine"></div>
            </div>
            <div class="card-face card-back">
                <h3>Blockchain Technology</h3>
                <p>Delve into the world of decentralized systems. Discover how blockchain is transforming finance, supply chains, and digital trust.</p>
                <button class="btn">Explore Blockchain</button>
            </div>
        </div>
    </div>
</body>

</html>